<div id="Usuarios">
	
	<ol id="contenedorUsuarios">
	
	</ol>
		<span></span> <span id="select-result"></span>
</div>
<div id="enviarNotificacion">

<input type="button"  class="text-center" value="Enviar Notificacion" id="notificacion">

</div>

<script>
	var idJugadores;
	var urlUsuario = "../dispatcher/plataforma/usuarios";
	urlUsuario += "?idUsuario="+idUsuario;
	$.getJSON(urlUsuario, function(data) {
		$.each(data, function(i, item){
			 $(contenedorUsuarios).append('<li name=usuario id='+ item.id +'>' + item.nombre + ' </li>');
			});
	});

	//TODO el selectable solo sirve para 2 valores
	$(function() {
		$( "#contenedorUsuarios" ).selectable({
			stop: function() {	
		        var result = $( "#select-result" ).empty();
		        $( ".ui-selected", this ).each(function() {
			        $(this).siblings().removeClass("ui-selected");
			        index = $( "#contenedorUsuarios li" ).index( this );
			        var id = $( "#contenedorUsuarios li")[index].id;
			        var nombre = $( "#contenedorUsuarios li")[index].nombre;
			        
					
			     /*    idPreguntaSeleccionada = id; */
			       /*  result.append( " #" + ( index + 1 )+ " id :" +id); */
			     	result.append(id); 
			       idJugadores = id;
		        });
	      	}
	    });
	});
	//TODO hacer notificaciones para varios usuarios
	$("#notificacion").click(function() {
	var data = '{"idPartida" : "'+ idPartida +' " , "idJugador" : ' + "[" +' "' + idJugadores + '" ' + "]" +'}';
	$.ajax({
           type: "POST",
            url: "../dispatcher/juego/notificacionJuego",
            data: data,
            beforeSend: function(xhr) {  
                xhr.setRequestHeader("Accept", "application/json");  
                xhr.setRequestHeader("Content-Type", "application/json");  
            },  
            success: function (datos) {
            },
            error : function (data, status, er) {
            	alert("error" + data + " status " +status+" er:"+er );
            }
        });
	});
	

</script>
